.mobile-menu{ position:fixed; width:100%; height:70px; left:0; top:0; float:left; background-color:transparent; z-index:5000;}
.mobile-menu-color { background-color:#ffffff; box-shadow:0 4px 10px rgba(30,25,25,.04);}
.mobile-menu-box{ width:100%; max-width:1280px; margin:0 auto;}
.mobile-menu-logo{ width:200px; float:left; padding:15px;}
.mob-menu-container .accessibly-hidden{ position:absolute; left:-999em;}
.mob-menu-toggle .mob-menu-button{ margin-top:15px;}
.mob-menu-toggle{ display:none; float:right; width:36px; height:36px; margin:17px; background:#ffffff; text-decoration:none; text-transform:uppercase; text-align:center;}
.mob-menu-toggle.mob-show{ display:inline-block;}
.mob-menu-toggle.mob-menu-no-js{ display:inline-block; visibility:hidden;}
.mob-menu-toggle i{ font-size:18px; line-height:36px; color:rgba(30,25,25,.8);}
.mobile-menu-color .mob-menu-toggle{ background:rgba(30,25,25,.08);}
.mob-menu-nav{ clear:both;}
.mob-menu-nav li a, .mob-top-menu a{ padding:10px; font-size:14px; line-height:20px; outline:none; z-index:5001;}
.mob-menu-nav li a:hover{ color:#5082fa;}
.mob-menu-nav li a:hover i.open, .mob-menu-nav li a.active i.open{ color:#5082fa;}
.mob-menu-nav li a.first-level{ font-size:16px; line-height:40px; padding:15px;}
.mob-menu-nav li a.first-level img{ width:20px; margin:-4px 0 0 5px; display:inline-block;}
.mob-menu-nav li a.first-level em.menu-login{ float:left; background:#5082fa; border:solid 2px #5082fa; height:32px; line-height:28px; font-size:15px; color:#ffffff; padding:0 16px; margin-top:4px; cursor:pointer;}
.mob-menu-nav li a.first-level em.menu-login:hover{ background:none; border:solid 2px #5082fa; color:#5082fa;}
.mob-menu-nav li a i.open{ font-size:16px; font-family:HMOS_Bold; padding-left:3px;}
.mob-menu-nav li a.first-level i.open{ padding-right:0;}
.mob-menu-nav li a i.icon-template{ font-size:20px; font-weight:normal;}
.mob-menu-nav li a i.icon-Gift{ font-size:20px; font-weight:normal;}
.mob-menu-nav li.mob-parent a.secend-level{ background:rgba(0,0,0,.02);}
.mob-menu-nav ul.third-level{ background:#f9f9f9;}
.mob-menu-nav ul, .mob-menu{ background-color:#ffffff; margin-top:0; box-shadow:0 15px 25px rgba(30,25,25,.04);}
.mob-menu-nav>ul, .mob-top-menu{ clear:both; list-style:none; padding:0; margin-left:0; margin-bottom:0; zoom:1;}
.mob-menu-nav>ul>.mob-last, .mob-top-menu>.mob-last{ margin-bottom:5px;}
.mob-menu-nav li a, .mob-menu-item a{ position:relative; display:block; color:rgba(30,25,25,1); line-height:20px; padding:8px 20px; text-decoration:none; z-index:1;}
.mob-menu-nav li ul, .mob-menu-item .mob-menu{ width:100%; padding:0; margin-left:0; list-style:none; z-index:500; zoom:1;}
.mob-menu-nav .mob-hover ul, .mob-menu-nav .mob-hover .mob-menu{ z-index:600;}
.mob-menu-nav li li a, .mob-menu-item .mob-menu-item a{ z-index:500;}
.mob-menu-nav li li.mob-last a, .mob-menu-item .mob-menu-item.mob-last a{ padding-bottom:10px;}
.mob-menu-nav li li ul, .mob-menu-item .mob-menu-item .mob-menu{ position:static;}
.mob-menu-nav li li li a, .mob-menu-item .mob-menu-item .mob-menu-item a{ z-index:1200; padding-left:20px;}
.mob-css-animate{ display:block; max-height:0; overflow:hidden;}
.mob-css-animate.mob-menu-expanded{ overflow:visible;}
.mob-layout-expanded{ float:right;}
.mob-layout-expanded .mob-menu-nav>ul>li, .mob-layout-expanded .mob-top-menu>.mob-menu-item{ float:left;}
.mob-layout-expanded .mob-menu-nav>ul>li>a, .mob-layout-expanded .mob-top-menu>.mob-menu-item>a{ height:40px; line-height:40px; padding:15px;}
.mob-layout-expanded li ul, .mob-layout-expanded .mob-menu-item .mob-menu{ position:absolute; width:100%; max-width:1280px; left:50%; margin-left:-640px; right:0; top:65px; z-index:100;}
.mob-menu-theme-parent{ position:relative;}
.mob-menu-theme-parent .mob-menu{ position:absolute; max-width:100px !important; left:50% !important; margin-left:-50px !important;}
.mob-menu-theme-parent .menu-column{ padding:10px 15px !important;}
.mob-menu-theme-parent .menu-column a{ font-size:15px; margin:0 !important; padding:0 !important; line-height:30px;}
.mob-menu-theme-parent .menu-column a:hover{ color:#5082fa;}
.mob-layout-expanded li li ul, .mob-layout-expanded .mob-menu-item .mob-menu-item .mob-menu{ position:absolute; left:100%; top:0;}
.mob-layout-expanded li li.mob-last ul, .mob-layout-expanded .mob-menu-item .mob-menu-item.mob-last .mob-menu, .mob-layout-expanded li li.mob-2nd-last ul, .mob-layout-expanded .mob-menu-item .mob-menu-item.mob-2nd-last .mob-menu{ right:100%; left:auto;}
.mob-calculate{ position:absolute !important; max-height:none !important; overflow:visible !important;}
.mob-layout-contracted .mob-calculate{ width:100% !important;}
@media screen and (max-width:1280px) {
    .mob-layout-expanded li ul, .mob-layout-expanded .mob-menu-item .mob-menu{ left:0; margin-left:0 !important;}
}
@media screen and (max-width:780px) {
    .mobile-menu{ padding:0;}
    .mobile-menu-logo{ padding-left:15px;}
    .mob-menu-toggle{ margin:15px;}
    .mob-menu-container nav.mob-hover{ position:fixed; top:70px; height:calc(100% - 70px); left:0; right:0; overflow-y:scroll !important;}
    .mob-menu-nav li a.first-level em.menu-login{ width:100%; height:40px; line-height:36px; margin-bottom:20px; text-align:center;}
    .mob-menu-theme-parent{ position: static;}
    .mob-menu-theme-parent .mob-menu{ max-width:100% !important; left:0 !important; margin-left:0 !important;}
}

@media screen and (min-width:780px) {
    #ulMenu{ display:block !important;}
}